.head-container {
  text-align: center;
  p {
    line-height: 5rem;
    font-size: 2rem;
    color: #fff;
    background: url("../images/TopTitle.png");
    display: inline-block;
    padding: 0 5rem;
    background-size: 100% 100%;
    & > span {
      color: red;
      font-weight: bold;
      font-family: sans-serif;
      font-size: 2rem;
    }
  }
}

.title-box {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  &:nth-child(2) {
    width: 50%;
  }
  &:nth-child(3) {
    text-align: right;
  }
}

%base-title {
  width: 14rem;
  padding: .8rem 1rem;
  color: #fff;
  font-size: 1.2rem;
}

.left-title {
  background: url("../images/TopLeft.png");
  background-size: 100% 100%;

  @extend %base-title;
}

.right-title {
  display: inline-block;
  background: url("../images/TopRight.png");
  background-size: 100% 100%;

  @extend %base-title;

}
